﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱觅优-首页</title>
<link href="/Public/css/common.css" rel="stylesheet" type="text/css" />
<script src="/Public/js/jquery-1.7.2.min.js" charset="utf-8"></script>
<script src="/Public/js/common.js" charset="utf-8"></script>
<script src="/Public/layer/layer.min.js"></script>
<script type="text/javascript" src="/Public/js/jquery.SuperSlide.2.1.1.js"></script>
</head>

<body>
	<div class="chl-poster simple" id="header">
		<div id="site-nav">
            <ul class="site-nav-login">
            <li class="home"><a href="login.html">请登录</a></li>
            <li class="home"><a href="#">免费注册</a></li>
            </ul>
            <ul class="quick-menu">
                  <li class="myxiaba menu-item">
                      <div class="menu">
                          <a class="menu-hd" href="#" target=_top rel="nofollow">会员中心<b></b></a> 
                          <div class="menu-bd">
                              <div class="menu-bd-panel">
                                  <div>
                                      <a href="#" rel="nofollow">我的消息</a>
                                      <a href="#"  rel="nofollow">我的评论</a> 
                                      <a href="#"  rel="nofollow">我的收藏</a> 
                                  </div>
                              </div>
                              
                          </div>
                      </div>
                  </li>
                  <li class="favorite"><a href="help.html" rel="nofollow">帮助中心</a></li>
                  
                  <li class="services menu-item last">
                      <div class="menu">
                          <a class=menu-hd href="#" target=_top>网站导航<b></b></a> 
                          <div class="menu-bd" style="width: 1098px; height: 250px; _width: 202px">
                              <div class="menu-bd-panel">
                                  <dl>
                                    <dt><a href="#" style="color: #000;">网页特效</a>
                                    <dd>
                                            <a href="#">焦点图</a> 
                                            <a href="#">图片代码</a> 
                                            <a href="#">幻灯片代码</a>
                                            <a href="#">按钮特效</a>
                                            <a href="#">数字时间</a> 
                                            <a href="#">表单特效</a>
                                            <a href="#">状态栏代码</a>
                                            <a href="#">窗口特效</a>
                                            <a href="#">鼠标特效</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#" style="color: #000;">网页模板</a>
                                    <dd>
                                            <a href="#">企业宣传</a> 
                                            <a href="#">婚纱摄影</a> 
                                            <a href="#">政府机构</a>
                                            <a href="#">电子商务</a>
                                            <a href="#">行业门户</a> 
                                            <a href="#">房地产类</a>
                                            <a href="#">响应式开发</a>
                                            <a href="#">HTML5</a>
                                    </dd>
                                </dl>
								<dl>
                                    <dt><a href="#" style="color: #000;">网页元素</a>
                                    <dd>
                                            <a href="#">背景素材</a> 
                                            <a href="#">广告海报</a> 
                                            <a href="#">图标素材</a>
                                            <a href="#">按钮素材</a>
                                            <a href="#">元素整合</a> 
                                            <a href="#">Flash素材</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#" style="color: #000;">成品网站</a>
                                    <dd>
                                            <a href="#">企业宣传</a> 
                                            <a href="#">婚纱摄影</a> 
                                            <a href="#">政府机构</a>
                                            <a href="#">电子商务</a>
                                            <a href="#">行业门户</a> 
                                            <a href="#">房地产类</a>
                                            <a href="#">响应式开发</a>
                                            <a href="#">HTML5</a>
                                    </dd>
                                </dl>
                                <div class="seft-web">
                                	<h1 class="seft">自助建站</h1>
                                    <a href="demand.html" class="step"><strong>一步到位</strong></a>
                                </div>
                              </div>
                            
                          </div>
                      </div>
                  </li>
                </ul>	
		</div>
	</div>
<div id="J_Wrap" class="wrap">
	<div class="logo-inside">
	<div class="logo">
    	<a href="index.html" class="logo-bd"></a>
    </div>
    <div class="header-search-box">
            <form method="get" target="_self" action="#">
                <div id="J_sort" class="header-search-sort">
                    <a href="javascript:;" class="on" target="_self" title="全部" data-type="" hidefocus="true" onclick="return false;">全部</a>
                    <a href="javascript:;" target="_self" title="特效" data-type="0" hidefocus="true" onclick="return false;">特效</a>
                    <a href="javascript:;" target="_self" title="模板" data-type="1" hidefocus="true" onclick="return false;">模板</a>
                    <a href="javascript:;" target="_self" title="元素" data-type="2" hidefocus="true" onclick="return false;">元素</a>
                    <a href="javascript:;" target="_self" title="文章" data-type="3" hidefocus="true" onclick="return false;">文章</a>
                    <a href="javascript:;" target="_self" title="教程" data-type="4" hidefocus="true" onclick="return false;">教程</a>
                    <a href="javascript:;" target="_self" title="问答" data-type="5" hidefocus="true" onclick="return false;">问答</a>
                </div>
                <div class="relative header-search clearfix">
                    <input type="text" autocomplete="off" name="q" maxlength="50" class="relative header-search-text J-search-txt">
                    <input type="submit" value="搜 索" class="fl header-search-submit">
                    
                    
                <input type="hidden" value="" name="sort">
                <input type="hidden" name="from" value="1">
                </div>
            </form>
            <div class="header-search-keywords">热门搜索：
                            <a hidefocus="true" title="开学" href="http://soso.nipic.com/?q=开学">开学</a>
                            <a hidefocus="true" title="月饼" href="http://soso.nipic.com/?q=月饼">月饼</a>
                            <a hidefocus="true" title="暑假" href="http://soso.nipic.com/?q=暑假">暑假</a>
                            <a hidefocus="true" title="礼盒" href="http://soso.nipic.com/?q=礼盒">礼盒</a>
                            <a hidefocus="true" title="中秋" href="http://soso.nipic.com/?q=中秋">中秋</a>

            </div>
        </div>
    
	</div>
    
    <div class="nav">
    	<ul>
       <li><a href="index.html" class="current main_a">网站首页</a></li>
        <li><a href="specia.html" class="main_a">网页特效</a></li>
        <li><a href="templates.html" class="main_a">网页模板</a></li>
        <li><a href="element.html" class="main_a">网页元素</a></li>
        <li><a href="supermarket.html" class="main_a">自助超市</a></li>
        </ul>
    	<div class="sub_nav">
        	<a href="#" class="sub_a" >设计师导航</a>
            <a href="#" class="sub_a" >前端神器</a>
            <a href="#" class="sub_a" >图书推荐</a>
            <a href="#" class="sub_a" >下载排行</a>
        </div>
    </div>
    
    
    <div class="main-1">
    	<div class="banner index">
	<div class="banner-btn">
		<a href="javascript:void(0);" class="prevBtn large"><i></i></a>
		<a href="javascript:void(0);" class="nextBtn large"><i></i></a>
	</div>
	<ul class="banner-img">
		<li><a href="#"><img src="upload/1.jpg" width="788" height="373"></a></li>
		<li><a href="#"><img src="upload/2.jpg" width="788" height="373"></a></li>
		<li><a href="#"><img src="upload/3.jpg" width="788" height="373"></a></li>
		<li><a href="#"><img src="upload/4.jpg" width="788" height="373"></a></li>
		<li><a href="#"><img src="upload/5.jpg" width="788" height="373"></a></li>
		<li><a href="#"><img src="upload/6.jpg" width="788" height="373"></a></li>
	</ul>
	<ul class="banner-circle"></ul>
</div>
        <div class="user">
        	<div class="user-login">
            	<span class="head">
                <img src="images/user.jpg" />
                </span>
                <span class="name">Hi,您好</span>
                <a href="#" class="registration">每日签到　送十个共享币</a>
                <div class="member-ft">
                <a href="#">用户登录</a>
                 <a href="#">免费注册</a>
                  <a href="#">忘记密码</a>
                </div>
            </div>
            <div class="notice">
          	<div class="slideTxtBox">
			<div class="hd">

				

				<ul><li><a href="">公告</a></li><li><a href="article.html">文章</a></li><li><a href="course.html">教程</a></li><li><a href="#">问答</a></li></ul>
			</div>
			<div class="bd">
				<ul>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">中国打破了世界软件巨头规则</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">口语：会说中文就能说英语！</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">农场摘菜不如在线学外语好玩</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">农场摘菜不如在线学外语好玩</a></li>
				</ul>
				<ul>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">名师教作文：３妙招巧写高分</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">耶鲁小子：教你备考SAT</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">施强：高端专业语言教学</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">施强：高端专业语言教学</a></li>
				</ul>
				<ul>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">澳大利亚八大名校招生说明会</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">2012世界大学排名新鲜出炉</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">新加坡留学，国际双语课程</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">新加坡留学，国际双语课程</a></li>
				</ul>
                <ul>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">澳大利亚八大名校招生说明会</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">2012世界大学排名新鲜出炉</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">新加坡留学，国际双语课程</a></li>
					<li><span class="date">[2011-11-11]</span><a href="#" target="_blank">新加坡留学，国际双语课程</a></li>
				</ul>
			</div>
		</div>
        <script id="jsID" type="text/javascript">
		 var ary = location.href.split("&");
		jQuery(".slideTxtBox").slide( { effect:ary[1],autoPlay:ary[2],trigger:ary[3],easing:ary[4],delayTime:ary[5],pnLoop:ary[6] });
		</script>
            </div>
        </div>
        
        
    </div>
    
    <!---->
    <div class="main-2">
    <h1 class="submenu"><strong class="title">网页特效</strong><span><a href="#">焦点图</a>|<a href="#">焦点图</a>|<a href="#">焦点图</a>|<a href="#">焦点图</a></span><a href="#" class="more">更多&gt;&gt;</a></h1>
      <div class="list-box" id="list-box">
      	   <ul class="box">
                <li>
                            <a href="detailed.html" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="detailed.html" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                <li>
                            <a href="detailed.html" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="detailed.html" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>      
                 
             <ul class="hot-box">    
                 <li class="hot">
                      <a href="detailed.html" class="fresh_img"><img src="upload/8.jpg" /></a>
                        <div class="bg-box ti2">
                            <a href="detailed.html" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>    
                 </li>
             </ul>     
           <ul class="box">
                <li>
                            <a href="detailed.html" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="detailed.html" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                <li>
                            <a href="detailed.html" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="detailed.html" class="names">潘茜爱在心</a>
                                  <div class="hot-info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>       
            
      </div>
    </div>
    <!---->
    <div class="main-2">
    <h1 class="submenu"><strong class="title">网页模板</strong><span><a href="#">企业宣传</a>|<a href="#">婚纱摄影</a>|<a href="#">电子商务</a>|<a href="#">专题类别</a></span><a href="#" class="more">更多&gt;&gt;</a></h1>
      <div class="list-box" id="list-box">
      	   <ul class="hot-box">    
                 <li class="hot left-clear">
                      <a href="#" class="fresh_img"><img src="upload/8.jpg" /></a>
                        <div class="bg-box ti2">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>    
                 </li>
             </ul>           
           <ul class="box spacing">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>       
           <ul class="box spacing">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="hot-info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>       
            
      </div>
    </div>
     <!---->
    <div class="main-2">
    <h1 class="submenu"><strong class="title">网页元素</strong><span><a href="#">广告素材</a>|<a href="#">焦点图</a>|<a href="#">焦点图</a>|<a href="#">焦点图</a></span><a href="#" class="more">更多&gt;&gt;</a></h1>
      <div class="list-box" id="list-box">
   			<div class="element material">
            <div class="recommend"><a href="#"><img src="upload/9.jpg" /></a>
            <h4>夏日假期自然背景矢量素材</h4>
            </div>
            <p><a href="#">童趣复活节涂鸦背景矢量素材</a></p>
            <p><a href="#">夏日沙滩背景矢量素材</a></p>
            <p><a href="#">创意夏日度假背景矢量素材</a></p>
            </div>
            <div class="element material">
            <div class="recommend"><a href="#"><img src="upload/9.jpg" /></a>
            <h4>夏日假期自然背景矢量素材</h4>
            </div>
            <p><a href="#">童趣复活节涂鸦背景矢量素材</a></p>
            <p><a href="#">夏日沙滩背景矢量素材</a></p>
            <p><a href="#">创意夏日度假背景矢量素材</a></p>
            </div>
            <div class="element material">
            <div class="recommend"><a href="#"><img src="upload/9.jpg" /></a>
            <h4>夏日假期自然背景矢量素材</h4>
            </div>
            <p><a href="#">童趣复活节涂鸦背景矢量素材</a></p>
            <p><a href="#">夏日沙滩背景矢量素材</a></p>
            <p><a href="#">创意夏日度假背景矢量素材</a></p>
            </div>
            <div class="element material" style="margin-right: 0px;">
            <div class="recommend"><a href="#"><img src="upload/9.jpg" /></a>
            <h4>夏日假期自然背景矢量素材</h4>
            </div>
            <p><a href="#">童趣复活节涂鸦背景矢量素材</a></p>
            <p><a href="#">夏日沙滩背景矢量素材</a></p>
            <p><a href="#">创意夏日度假背景矢量素材</a></p>
            </div>
            
      </div>
    </div>
    <!---->
    <div class="main-2">
      <div class="inbox-a">
        <h1 class="submenu"><strong class="title">自助超市</strong><span><a href="#">公司企业</a>|<a href="#">电子商务</a>|<a href="#">体育竞技</a>|<a href="#">社会教育</a></span><a href="#" class="more">更多&gt;&gt;</a></h1>
        <div class="list-box" id="list-box">
    		<div class="element web">
              <div class="recommend"><a href="#"><img src="upload/11.jpg" /></a>
              <h5><a href="#" class="names">潘茜爱在心</a></h5>
              </div>
            </div>
             <div class="element web">
              <div class="recommend"><a href="#"><img src="upload/10.jpg" /></a>
              <h5><a href="#" class="names">潘茜爱在心</a></h5>
              </div>
            </div>
            <div class="element web" style="margin-right: 0px;">
              <div class="recommend"><a href="#"><img src="upload/11.jpg" /></a>
              <h5><a href="#" class="names">潘茜爱在心</a></h5>
              </div>
            </div>   
          </div>
          
      </div>
      <div class="inbox-b">
        <h1 class="submenu"><strong class="title">在线工具</strong><span><a href="#" class="more">更多&gt;&gt;</a></h1>
        <div class="tool">
        	<ul>
            <li class="js-css">
            <a href="jscompress" class="t_title">JS/CSS压缩</a>
            <div class="detailIntro">用户可以通过该工具在线压缩Javascript和CSS代码。</div>
            </li>
            <li class="highlight">
            <a href="jscompress" class="t_title">代码着色/高亮</a>
            <div class="detailIntro">此工具可以提供在线将代码关键字着色、加行号等功能。</div>
            </li>
            <li class="qr">
            <a href="jscompress" class="t_title">生成二维条形码</a>
            <div class="detailIntro">生成生成QR码，能够提供多参数设置生成QR码。</div>
            </li>
            <li class="codeformat">
            <a href="jscompress" class="t_title">代码格式化</a>
            <div class="detailIntro">该工具提供对JavaScript、CSS、HTML、JSON的...</div>
            </li>
            <li class="API">
            <a href="jscompress" class="t_title">API 文档</a>
            <div class="detailIntro">在线API文档工具提供各种语言的几十种在线文档。</div>
            </li>
        	</ul>
        </div>
      </div>
    </div>
    <!---->
    <div class="footer">
    	<div class="foot">
        	<p class="foot-menu">
            <i class="about">关于</i>
            <i class="help">帮助</i>
            <i class="collect">收藏</i>
            <i class="attention">关注</i>
            </p>
            <ul class="about">
            <li><a href="about.html">关于我们</a></li>
            <li><a href="contact.html">联系我们</a></li>
            <li><a href="service.html">广告服务</a></li>           
            <li><a href="copyright.html">版权声明</a></li>
            <li><a href="demand.html">发布需求</a></li>
            </ul>           
            <ul class="help">
            <li><a href="#">常见问题</a></li>
            <li><a href="#">支付相关</a></li>
            <li><a href="#">充值相关</a></li>
            <li><a href="#">友情链接</a></li>
            <li><a href="#">在线留言</a></li>
            </ul>
            <div class="branding">
            </div>
            <ul class="collect">
            <li><a href="#">加入收藏</a></li>
            <li><a href="#">设为首页</a></li>
            <li><a href="#">放到桌面</a></li>
            </ul>
            <ul class="attention">
            <li><a href="#">新浪微博</a></li>
            <li><a href="#">qq空间</a></li>
            <li><a href="#">腾讯微博</a></li>
            </ul>
    	</div>
        <div class="friendlink">
        友情链接：<a href="#">懒人图库</a>|<a href="#">懒人图库</a>|<a href="#">破落落</a>
        </div>
        <div class="copyright">
        © 2013 Aliyun.com 版权所有 ICP证：浙B2-20080101
        
        </div>
    </div>
</div> 
<div class="bottom_tools">
  <a class="qr_tool" href="javascript:viod();">二维码</a>
  <a id="music_box" href="javascript:viod();" title="在线音乐">在线音乐</a>
  <a id="feedback" href="javascript:viod();" title="意见反馈">意见反馈</a>
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
  <img class="qr_img" src="images/qr_img.png">
</div>
<script type="text/javascript">
 $(function(){
	var $body = $(document.body);;
	var $bottomTools = $('.bottom_tools');
	var $qrTools = $('.qr_tool');
	var qrImg = $('.qr_img');
		$(window).scroll(function () {
			var scrollHeight = $(document).height();
			var scrollTop = $(window).scrollTop();
			var $footerHeight = $('.page-footer').outerHeight(true);
			var $windowHeight = $(window).innerHeight();		
			$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 80 : $windowHeight + scrollTop + $footerHeight + 80 - scrollHeight);
		});
		$('#scrollUp').click(function (e) {
			e.preventDefault();
			$('html,body').animate({ scrollTop:0});
		});
		$qrTools.hover(function () {
			qrImg.show();
		}, function(){
			 qrImg.hide();
		});
var $mark='on';

$layer=function (){
	$.layer({
        type: 2,
        title: '在线听音乐',
	border: [0, 0.3, '#666'],
	shade: [0],
        maxmin: true,
        shadeClose: true, //开启点击遮罩关闭层
        area : ['745px' , '549px'],
        shift: 'right-bottom',
		close: function(index){$mark='on'},
        iframe: {src: 'http://web.kugou.com/',scrolling: 'no'}	
    });
}

$('#music_box').click(function(){
	if($mark=='on'){	
	$layer();
	}
	$mark='off';	
})	
});
</script>
</body>
</html>
